<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>产品详情页</title>
    <!-- 公用样式css -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 自己的js -->
    <script src="./js/index1.js"></script>
</head>
<body>
      <!-- 头部盒子 -->
      <div id="header">
        <!-- 标题+版心 -->
        <div class="header-logo wrap clearfix">
            <!-- logo定位上去 -->
            <div class="logo"></div>
            <div class="url fl">legochina.cn</div>
            <div class="login fr">欢迎光临
                <span>乐购</span>，请 登陆\
                <span>注册</span>
            </div>
        </div>
    </div>
      <!-- 一级标题+ 搜索框 -->
      <div id="nav" class="wrap">
        <div class="adj clearfix">
            <!-- 点击按钮 -->
            <div class="btn fr clearfix">
                <div class="spot fl clearfix">
                    <div class="shopping fl"></div>
                    <div class="click fl">购物车 3</div>

                </div>
                <div class="spot-box fl">我的订单</div>
            </div>
            <!-- 搜索宽 -->
            <div class="search fr clearfix">
                <input id="oldBox" class="inp fl" type="text" placeholder="创意文具">
                <div class="icon fl"></div>
            </div>
        </div>
        <div class="nav-box wrap">
            <div class="title">
                <span>图书</span>
                <span>电子书</span>
                <span>原创文学</span>
                <span>服装</span>
                <span>运动户外</span>
                <span>孕婴童</span>
                <span>家居</span>
                <span>创意文具</span>
                <span>地方特产</span>
                <span>海外购</span>
                <span>电器城</span>
            </div>
        </div>
    </div>
    <!-- 主体内容 -->
    <div id="main"></div>
      <!-- 页脚布局头部 -->
      <div id="footer" class="wrap">
        <div class="footer-box">
            <div class="box-footer clearfix">
                <div class="box-just fl"></div>
                <div class="box-just1 fl"></div>
                <div class="box-just2 fl"></div>
                <div class="box-just3 fl"></div>
            </div>
        </div>
        <!-- 放回顶部按钮 -->
        <div class="top-box"></div>
    </div>
    <!-- 末尾 -->
    <div id="footer-e-box" class="wrap">
        <div class="footer-e-boxs clearfix">
            <div class="footer-text fl">
                <div class="c">购物指南</div>
                <div class="a">购物流程</div>
                <div class="a">发票制度</div>
                <div class="a">账户管理</div>
                <div class="a">会员优惠</div>
            </div>
            <div class="footer-text fl">
                <div class="c">支付方式</div>
                <div class="a">货到付款</div>
                <div class="a">网上支付</div>
                <div class="a">礼品卡支付</div>
                <div class="a">银行转帐</div>
            </div>
            <div class="footer-text fl">
                <div class="c">订单服务</div>
                <div class="a">订单配送查询</div>
                <div class="a">订单状态说明</div>
                <div class="a">自助取消订单</div>
                <div class="a">自助修改订单</div>
            </div>
            <div class="footer-text fl">
                <div class="c">退换货</div>
                <div class="a">退换货政策</div>
                <div class="a">自助申请退换货</div>
                <div class="a">退换货进度查询</div>
                <div class="a">退款方式和时间</div>
            </div>
            <div class="footer-text fl">
                <div class="c">商家服务</div>
                <div class="a">商家中心</div>
                <div class="a">运营服务</div>
                <div class="a">加入尾品汇</div>
            </div>
        </div>
        <div class="footer-logo"></div>
        <div class="Webpage">
            <span>
                公司简介 | Investor Relations | 网站联盟 | 乐购招商 | 机构销售 | 手机乐购 | 官方Blog | 热词搜索
            </span>
        </div>
        <div class="Webpage-box">
            <span>
                Copyright (C) 乐购网 2004-2016, All Rights Reserved
            </span>
        </div>
    </div>
</body>
</html>